$border-style:1px solid #C4C6CF;
$font-size:12px;
$btn-bg:#5584FF;
@mixin scrollBarStyle() {
    &::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        z-index: 99999999;
    }
    &::-webkit-scrollbar-thumb {
        border-radius: 7px;
        -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25);
        ;
        background: #EBECF0;
        z-index: 99999999;
    }
}

.myMainBody {
    .is-disabled .el-checkbox__inner::after {
        border-color: #000000 !important;
    }
    .el-tabs--card>.el-tabs__header {
        border-bottom: none;
        margin: 10px 0 5px;
        .el-tabs__nav {
            border: none;
            border-radius: 4px;
        }
        .el-tabs__item {
            border-left: $border-style;
            border-bottom: $border-style;
            border-top: $border-style;
            background: #F2F3F7;
            height: 30px;
            line-height: 30px;
            font-size: $font-size;
            &:first-child {
                border-radius: 3px 0px 0px 3px;
            }
            &:last-child {
                border-right: $border-style;
                border-radius: 0px 3px 3px 0px;
                ;
            }
        }
        .el-tabs__item.is-active {
            background: $btn-bg;
            color: #fff;
            border: 1px solid $btn-bg;
        }
    }
    .el-tabs {
        height: 97%;
    }
    .el-table {
        &:before {
            height: 0;
        }
        thead {
            font-weight: normal;
        }
        th {
            color: #333;
            background-color: #EBECF0;
            font-weight: normal;
            line-height: 18px;
            padding: 0px 0;
        }
        td {
            padding: 0px 0;
        }
    }
    .el-table--border {
        border: 1px solid #d8dce4;
        margin: 10px 0;
        font-size: 12px;
    }
    .el-table--border td,
    .el-table th.is-leaf {
        border-color: #d8dce4;
    }
    //.el-table__body-wrapper{
    //  @include scrollBarStyle;
    //}
    .el-pagination {
        button.btn-next,
        button.btn-prev {
            background-color: #fff;
            border: $border-style;
        }
        .el-pager li {
            border: $border-style;
            background: #fff;
            &:not(.disabled).active {
                background-color: $btn-bg;
                border: $btn-bg;
            }
        }
        .el-input__inner {
            border: $border-style;
        }
    }
    .el-radio__label {
        font-size: $font-size;
    }
    .el-form--inline .el-form-item__content {
        vertical-align: middle;
    }
}

.mySreen {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: relative;
    .screenBg {
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 0;
        background: url("http://snt-oss-yunzao-daily.oss-cn-hangzhou.aliyuncs.com/SquirrelUI/newScreen/Starrysky_bg2.png") no-repeat center center;
        background-size: cover
    }
    .screenBody {
        height: auto;
        .orderLi {
            width: 50%;
            float: left;
            text-align: center;
            margin: 4px 0px 14px
        }
        .orderLi p {
            font-size: 12px;
            color: #92d3e5;
            width: 98%;
            margin: 0 auto;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }
        .orderLi .orderLi_num {
            font-size: 20px;
            line-height: 26px;
            color: #fff;
            width: 96%;
            max-width: 160px;
            height: 26px;
            margin: 0 auto;
            background: url('http://snt-oss-yunzao-daily.oss-cn-hangzhou.aliyuncs.com/SquirrelUI/subBg.png') no-repeat center center;
            background-size: 158px;
            margin-top: 6px
        }
        .orderLi_num_click {
            cursor: pointer;
            border: 1px dashed #cf7c00
        }
        .item_num {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }
        .SingleItem_ul {
            margin: 10px 0px;
            padding: 4px;
            overflow: hidden;
            border: 1px solid #005269
        }
        .SingleItem_li {
            width: 100%;
            float: left;
            text-align: center;
            padding: 6px 0px;
            position: relative;
            background: rgba(37, 110, 187, 0.21);
            margin-bottom: 2px;
        }
        .SingleItem_li_line {
            height: 22px;
            width: 1px;
            background: #fff;
            position: absolute;
            bottom: 8px;
            left: 50%;
            margin-left: -1px
        }
        .SingleItem_li .item {
            text-align: left;
            width: 50%;
            float: left;
            padding: 0 10px
        }
        .SingleItem_li .item:nth-child(2) {
            border-left: 1px solid #00040a
        }
        .SingleItem_li .item_name {
            font-size: 12px;
            color: #92d3e5;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }
        .SingleItem_li .item_num {
            font-size: 16px;
            color: #fff;
            line-height: 30px;
        }
        .SingleItemA_ul {
            margin: 10px 0px;
            padding: 4px;
            overflow: hidden;
            border: 1px solid #005269
        }
        .SingleItemA_ul .SingleItemA_li {
            width: 100%;
            float: left;
            text-align: center;
            padding: 6px 0px;
            position: relative;
            background: rgba(37, 110, 187, 0.21);
            margin-bottom: 2px;
        }
        .SingleItemA_li_line {
            height: 22px;
            width: 1px;
            background: #fff;
            position: absolute;
            bottom: 6px;
            left: 50%;
            margin-left: -1px
        }
        .SingleItemA_li .item {
            width: 50%;
            float: left;
            position: relative;
            height: 30px;
            display: flex;
            text-align: left;
        }
        /*border-left: 1px solid #92d3e5*/
        .SingleItemA_li .item_name {
            font-size: 12px;
            padding-left: 6px;
            color: #92d3e5;
            display: inline-block;
            flex: 1;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            line-height: 30px
        }
        .SingleItemA_li .item_line {
            border-left: 1px solid #f2f2f2
        }
        .SingleItemA_li .item_num {
            font-size: 16px;
            color: #fff;
            margin-top: 6px;
            display: inline-block;
            width: 54px;
            text-align: right;
            padding-right: 4px
        }
        .SingleItemB_ul {
            color: #fff;
            font-size: 12px
        }
        .SingleItemB_ul .SingleItemB_li {
            border-bottom: 1px solid #02537d;
            display: flex
        }
        .SingleItemB_li_div {
            flex: 1;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: #bddfff
        }
        .SingleItemB_li_p {
            width: 48px;
            text-align: right
        }
        .SingleItemB_li_div span {
            display: inline-block;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #047cdc;
            color: #fff;
            line-height: 15px;
            vertical-align: text-bottom;
            margin-right: 6px;
            text-align: center;
            font-size: 12px
        }
        .ulStock {
            display: flex;
            line-height: 24px
        }
        .ulStock .textbg {
            background: rgba(37, 110, 187, 0.21);
            text-align: center;
            border: 1px solid #005a65;
            border-radius: 4px;
            margin-bottom: 4px
        }
        .ulStock_bor_bottom {
            border-bottom: 1px solid #005a65;
            line-height: 30px
        }
        .ulStockred {
            display: flex;
            color: red;
        }
        .ulStock_head {
            background: rgba(15, 65, 87, 0.7);
            color: #c7e3ff
        }
        .ulStock li {
            display: inline-block;
            padding-left: 2px;
        }
        .tdellipsis {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: #86c4d5;
            text-align: left;
            padding: 2px
        }
    }
}

.elContainer {
    .el-form-item--medium .el-form-item__label {
        vertical-align: middle;
        line-height: 36px;
    }
}